<template>
  <div class="wk-desc-text">
    <!--tinymce 是一个 可视化 HTML 编辑器-->
    <tinymce v-bind="$attrs" :disabled="1" :toolbar="[]" :init="tinyMeInitProps"></tinymce>
  </div>
</template>

<script setup>
// 描述文字
import Tinymce from '/src/components/Tinymce/index.vue'

defineOptions({
  name: 'WkDescText',
  inheritAttrs: false,
})

const tinyMeInitProps = computed(() => {
  return {
    statusbar: false,
    placeholder: '描述文字内容',
    content_style: ' * {color: #262626; margin: 0;} body { font-size: 14px; }',
    quickbars_selection_toolbar: false,
    contextmenu: '',
    plugins: 'autoresize',
    autoresize_bottom_margin: 0
  }
})


</script>

<style lang="scss">
.wk-desc-text {
  .tox-tinymce {
    border: none;
  }

  .tox .tox-edit-area__iframe {
    background-color: unset;
  }
}
</style>
